import React, { Component } from 'react';
import { ListBox } from '../style';
import { withRouter } from 'react-router-dom'

@withRouter
class List extends Component {
  render() {
    return (
      <ListBox>
        <div className="Box">
          <div id="u31" class="ax_default _文本段落">
            <div id="u31_div" class=""></div>
            <div id="u31_text" class="text ">
              <p onClick={() => {
                this.props.history.push('/small')
              }}><span>微课</span></p>
            </div>
          </div>


          <div id="u32" class="ax_default _文本段落">
            <div id="u32_div" class=""></div>
            <div id="u32_text" class="text ">
              <p onClick={() => {
                this.props.history.push('/series')
              }}><span>系列课</span></p>
            </div>
          </div>


          <div id="u33" class="ax_default _文本段落">
            <div id="u33_div" class=""></div>
            <div id="u33_text" class="text ">
              <p onClick={() => {
                this.props.history.push('/cultivate')
              }}><span>热门培训</span></p>
            </div>
          </div>


          <div id="u34" class="ax_default _文本段落">
            <div id="u34_div" class=""></div>
            <div id="u34_text" class="text ">
              <p onClick={() => {
                this.props.history.push('/organization')
              }}><span>专业机构</span></p>
            </div>
          </div>
        </div>
      </ListBox>
    );
  }
}

export default List;
